<!doctype>
<html xmlns="">

	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>方特专题</title>
		<link rel="stylesheet" type="text/css" href="../../css/css.css" />
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<style>
			/*背景底图*/
			
			.bg-img {
				position: fixed;
				height: 100%;
				width: 100%;
				background: url(../../img/images/bg.png) repeat-x center center;
				background-size: 100% 100%;
				top: 0;
				z-index: -1;
			}
			
			.theme {
				width: 100%;
				padding: 0.5rem;
			}
			
			.theme .logo {
				width: 100%;
			}
			
			.theme .logo .fl {
				float: left;
			}
			
			.theme .logo .fl img {
				width: 3rem;
			}
			
			.theme .logo .rt {
				float: right;
				margin-top: 1rem;
			}
			
			.theme .logo .rt img {
				width: 8rem;
			}
			
			.theme .font {
				width: 100%;
				margin-top: 2rem;
			}
			
			.theme .font img {
				width: 100%;
				height: auto;
			}
			
			.theme .shop {
				width: 100%;
				padding-top: 2rem;
			}
			
			.theme .shop .title {
				width: 100%;
				color: #026cba;
				font-size: 1rem;
				font-weight: 600;
				text-align: center;
			}
			
			.theme .hot {
				width: 100%;
				margin-top: 1rem;
			}
			
			.theme .hot .fl {
				float: left;
			}
			
			.theme .hot .fl img {
				width: 4rem;
				height: auto;
			}
			
			.theme .hot .rt {
				float: left;
				width: 11rem;
				padding: 0.5rem 0.5rem 0 0.5rem;
				color: #026cba;
				font-size: 0.8rem;
			}
			
			.theme .hot .rt b {
				font-size: 0.9rem;
				color: #e90101;
				margin: 0 0.25rem;
			}
			
			.textcenter p {
				color: #026cba;
				font-size: 0.7rem;
				margin-top: 0.5rem;
			}
			
			.theme .button {
				width: 6rem;
				margin: auto;
				margin-top: 1rem;
				padding: 0.25rem;
				color: #fff;
				background: #d7ad34;
				border-radius: 0.25rem;
				text-align: center;
			}
			
			.qr {
				width: 100%;
				margin-top: 2rem;
				text-align: center;
			}
			
			.qr img {
				width: 80%;
			}
			
			.qr p {
				color: #026cba;
				font-size: 0.7rem;
				margin-top: 0.5rem;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="bg-img"></div>
			<div class="theme">
				<div class="logo">
					<div class="fl">
						<img src="../../img/images/logo.png" />
					</div>
					<div class="rt">
						<img src="../../img/images/sa.png" />
					</div>
					<div class="clearfix"></div>
				</div>

				<div class="font">
					<img src="../../img/images/11.png" />
				</div>
				<div class="shop">
					<div class="title">
						景区门票
					</div>
					<div class="hot">
						<div class="fl">
							<img src="../../img/images/fangte_01.png" />
						</div>
						<div class="rt">
							<p>方特欢乐世界一日游<b>90元</b>起</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="hot">
						<div class="fl">
							<img src="../../img/images/fangte_02.png" />
						</div>
						<div class="rt">
							<p>方特梦幻王国一日游<b>90元</b>起</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="hot">
						<div class="fl">
							<img src="../../img/images/fangte_03.png" />
						</div>
						<div class="rt">
							<p>方特水上世界一日游<b>90元</b>起</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="hot">
						<div class="fl">
							<img src="../../img/images/fangte_04.png" />
						</div>
						<div class="rt">
							<p>方特东方神话一日游<b>90元</b>起</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<a class="button" href="#">去看看</a>
				</div>
				<div class="shop">
					<div class="title">
						拼团游
					</div>
					<div class="textcenter">
						<p>你还在等什么</p>
						<p>方特拼团惊爆价90元起！</p>
						<p>快叫上自己的小伙伴们一起去方特玩吧！</p>
					</div>
					<a class="button" href="#">去看看</a>
				</div>
				<div class="shop">
					<div class="title">
						直通车
					</div>
					<div class="textcenter">
						<p>你还在挤公车吗？out啦！</p>
						<p>免费直通车，带你游方特！</p>
						<p>方特班车，每周必发！</p>
					</div>

					<a class="button" href="#">去看看</a>
				</div>
				<div class="qr">
					<img src="../../img/QRcode.png" />
					<p>识别二维码在线预订</p>
					<p>玩方特，找飞航国际旅行社</p>
					<p>联系电话：0553-5889841</p>
				</div>
			</div>
		</div>
	</body>

</html>